 // 页面路由，管理显示哪个页面
 const pages = {
    home: document.getElementById('homePage'),
    study: document.getElementById('studyPage'),
    view: document.getElementById('viewPage'),
    message: document.getElementById('messagePage'),
    travel: document.getElementById('travelPage'),
    about: document.getElementById('aboutPage'),
    login: document.getElementById('loginPage'),
    notFound: document.getElementById('notFoundPage')
};

// 导航函数
function navigateTo(page) {
    // 隐藏所有页面
    Object.values(pages).forEach(pageElement => {
        pageElement.style.display = 'none';
    });

    // 显示对应页面
    const activePage = pages[page] || pages.notFound;
    activePage.style.display = 'block';

    // 更新浏览器历史记录
    // window.history.pushState({ page: page }, page, `#${page}`);
}

// 默认加载首页
window.addEventListener('load', () => {
    const hash = window.location.hash.slice(1); // 获取 URL 中的 hash 部分
    if (hash) {
        navigateTo(hash); // 如果存在 hash，加载对应页面
    } else {
        navigateTo('home'); // 默认加载首页
    }
});

// 监听浏览器的前进和后退按钮
window.onpopstate = function (event) {
    const page = event.state?.page || 'home';
    navigateTo(page);
};